<%--
  Created by IntelliJ IDEA.
  User: 匹诺曹
  Date: 2023/12/14
  Time: 10:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>

</head>
<body>
<div class="skin-default" id="wrapper">
    <%@ include file="/static/pages/head/header.jsp" %>

    <%--中间内容--%>
    <div class="page-wrapper">
        <div class="page-header">
            <h1 class="title">
                仪表盘
                <small>控制面板</small>
            </h1>
            <ol class="breadcrumb">
                <li>
                    <a href="#" title="家">
                        <i class="iconfont icon-home"></i>
                        <small>家</small>
                    </a>
                </li>
                <li class="active">
                    <small>
                        仪表盘
                    </small>
                </li>
            </ol>
        </div>
        <section class="page-body">
            <div class="row">
                <div class="fettle login">
                    <h1 class="title">
                        登录信息
                    </h1>
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <tbody>
                            <tr>
                                <td>
                                    登陆时间:<span>2017年6月12日</span>
                                </td>
                                <td>
                                    登陆IP:<span>11.29.135.55</span>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="fettle system">
                    <h1>系统信息</h1>
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <tbody>
                            <tr>
                                <td>操作系统:</td>
                                <td>PC</td>
                                <td>服务器:</td>
                                <td>Apache/2.4.10 (Win32) OpenSSL/1.0.1i mod_fcgid/2.3.9</td>
                            </tr>
                            <tr>
                                <td>浏览器:</td>
                                <td>Chorme</td>
                                <td>PHP版本:</td>
                                <td>5.6.1</td>
                            </tr>
                            <tr>
                                <td>
                                    程序编码:
                                </td>
                                <td>UTF-8</td>
                                <td>
                                    MySQL版本
                                </td>
                                <td>5.5.40</td>
                            </tr>
                            <tr>
                                <td>当前操作者:</td>
                                <td>Admin</td>
                                <td>当前IP:</td>
                                <td>112.25.25.255 (广州市)</td>
                            </tr>
                            <tr>
                                <td>当前版本:</td>
                                <td>AlphaAdmin 1.0(20170803)</td>
                                <td>当前时间:</td>
                                <td>2017年9月26日 11:22:00</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="row widget">
                <div class="col-md-3 col-xs-12 col-sm-6">
                    <div class="small-box">
                        <div class="small-box-icon bg-lightskyblue">
                            <i class="iconfont icon-order"></i>
                        </div>
                        <div class="small-box-inner">
                            <h1 class="data fg-lightskyblue">100</h1>
                            <p>新订单</p>
                            <a class="more" href="#" title="查看更多">查看更多</a>
                            <span class="status arrow-down">95.9%</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-xs-12 col-sm-6">
                    <div class="small-box">
                        <div class="small-box-icon bg-green">
                            <i class="iconfont icon-visitor"></i>
                        </div>
                        <div class="small-box-inner">
                            <h1 class="data fg-green">656</h1>
                            <p>新访客</p>
                            <a class="more" href="#" title="查看更多">查看更多</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-xs-12 col-sm-6">
                    <div class="small-box">
                        <div class="small-box-icon bg-yellow">
                            <i class="iconfont icon-message"></i>
                        </div>
                        <div class="small-box-inner">
                            <h1 class="data fg-yellow">36</h1>
                            <p>新评论</p>
                            <a class="more" href="#" title="查看更多">查看更多</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-xs-12 col-sm-6">
                    <div class="small-box">
                        <div class="small-box-icon bg-red">
                            <i class="iconfont icon-chart-line"></i>
                        </div>
                        <div class="small-box-inner">
                            <h1 class="data fg-red">$2,340
                            </h1>
                            <h2>
                                销售金额
                            </h2>
                            <p class="text-muted">最近30天</p>
                            <span class="status arrow-up">95.9%</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row widget">
                <section class="col-lg-7 widget-drag">
                    <div class="box chart">
                        <div class="box-header" data-trigger="drag">
                            <h3 class="box-title">图表</h3>
                            <div class="box-tools pull-right">
                                <button class="" type="button" data-toggle="collapse">
                                    <i class="iconfont icon-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body" id="chart">
                            <canvas id="lineChart" style="width: 100%;height: 350px;"></canvas>
                        </div>
                    </div>
                    <div class="box table">
                        <div class="box-header" data-trigger="drag">
                            <h3 class="box-title">
                                响应式表格
                            </h3>
                            <div class="box-tools pull-right">
                                <button class="" type="button" data-toggle="collapse">
                                    <i class="iconfont icon-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body" id="table">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover">
                                    <thead>
                                    <tr>
                                        <th>
                                            用户ID
                                        </th>
                                        <th>
                                            用户名
                                        </th>
                                        <th>
                                            手机号码
                                        </th>
                                        <th>
                                            电子邮件
                                        </th>
                                        <th>角色</th>
                                        <th>
                                            状态
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>2</td>
                                        <td>Rossye</td>
                                        <td>1564564564</td>
                                        <td>name@site.com</td>
                                        <td>VIP</td>
                                        <td class="td-status">
                                            <span class="label label-success">已激活</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>Rossye</td>
                                        <td>1564564564</td>
                                        <td>name@site.com</td>
                                        <td>普通用户</td>
                                        <td class="td-status">
                                            <span class="label label-danger">未激活</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>Rossye</td>
                                        <td>1564564564</td>
                                        <td>name@site.com</td>
                                        <td>普通用户</td>
                                        <td class="td-status">
                                            <span class="label label-danger">未激活</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>Rossye</td>
                                        <td>1564564564</td>
                                        <td>name@site.com</td>
                                        <td>VIP</td>
                                        <td class="td-status">
                                            <span class="label label-danger">未激活</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>Rossye</td>
                                        <td>1564564564</td>
                                        <td>name@site.com</td>
                                        <td>VIP</td>
                                        <td class="td-status">
                                            <span class="label label-success">已激活</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>Rossye</td>
                                        <td>1564564564</td>
                                        <td>name@site.com</td>
                                        <td>VIP</td>
                                        <td class="td-status">
                                            <span class="label label-success">已激活</span>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="box editor">
                        <div class="box-header" data-trigger="drag">
                            <h3 class="box-title">快速编辑</h3>
                            <div class="box-tools pull-right">
                                <button class="" type="button" data-toggle="collapse">
                                    <i class="iconfont icon-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="form-group">
                                <input type="email" name="js-inputTitle" class="form-control" id="js-inputTitle"
                                       placeholder="标题">
                            </div>
                            <div class="form-group">
                                <textarea id="postEditArea"></textarea>
                            </div>
                        </div>
                        <div class="box-footer clearfix">
                            <button type="button" class="btn btn-default pull-right">
                                发送
                            </button>
                        </div>
                    </div>
                </section>
                <section class="col-lg-5 widget-drag">
                    <div class="box chart">
                        <div class="box-header" data-trigger="drag">
                            <h3 class="box-title">浏览器使用</h3>
                            <div class="box-tools pull-right">
                                <button class="" type="button" data-toggle="collapse">
                                    <i class="iconfont icon-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body" id="chart">
                            <canvas id="doughnutChart" style="width: 100%;height: 300px;"></canvas>
                        </div>
                    </div>
                    <div class="box email">
                        <div class="box-header" data-trigger="drag">
                            <h3 class="box-title">快速邮件</h3>
                            <div class="box-tools pull-right">
                                <button class="" type="button" data-toggle="collapse">
                                    <i class="iconfont icon-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon" id="">@</span>
                                    <input type="text" name="js-inputEmail1" class="form-control" id="js-inputEmail1"
                                           placeholder="邮箱地址" aria-describedby="sizing-addon1">
                                </div>
                            </div>
                            <div class="form-group">
                                <input type="text" name="js-inputSubject" class="form-control" id="js-inputSubject"
                                       placeholder="主题" aria-describedby="sizing-addon1">
                            </div>
                            <div class="form-group">
                                <textarea id="emailEditArea"></textarea>
                            </div>
                        </div>
                        <div class="box-footer clearfix">
                            <button type="button" class="btn btn-default pull-right">
                                发送
                            </button>
                        </div>
                    </div>
                </section>
            </div>
            <div class="row widget">

            </div>
        </section>
    </div>

</div>
<style>
    .copyrights {
        text-indent: -9999px;
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
    }
    #logout {
        color: white;
    }
</style>
</body>

<script>
    $(function (){
        $("[name='oldPwd']").val(${user.userPwd});
    })
    $("[name='js-oldPassword']").blur(function (){
        var old = $(this).val();
        var inputOld = $("[name='oldPwd']").val();
        if (old!=inputOld){
            alert("旧密码输入错误");
        }
    })
    $("[name='verifyPassword']").blur(function (){
        var onePwd = $("[name='js-newPassword']").val();
        var twoPwd = $(this).val();
        if (onePwd!=twoPwd){
            alert("两次密码输入不一致")
        }
    })
</script>

</html>
